<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title> SAIL </title>
    <!-- 依 赖 样 式 -->
    <link rel="stylesheet" href="../../../static/component/pear/css/pear.css"/>
    <!-- 加 载 样 式 -->
    <link rel="stylesheet" href="../../../static/admin/css/loader.css"/>
    <!-- 布 局 样 式 -->
    <link rel="stylesheet" href="../../../static/admin/css/admin.css"/>
</head>
<!-- 结 构 代 码 -->

<body class="layui-layout-body pear-admin">
<!-- 布 局 框 架 -->
<div class="layui-layout layui-layout-admin">
    <!-- 顶 部 样 式 -->
    <div class="layui-header">
        <!-- 菜 单 顶 部 -->
        <div class="layui-logo">
            <!-- 标 题 -->
            <span class="title"></span>
        </div>
        <!-- 顶 部 左 侧 功 能 -->
        <ul class="layui-nav layui-layout-left">
            <li class="collapse layui-nav-item"><a href="#" class="layui-icon layui-icon-shrink-right"></a></li>
            <li class="refresh layui-nav-item"><a href="#" class="layui-icon layui-icon-refresh-1" loading=600></a></li>
        </ul>
        <!-- 多 系 统 菜 单 -->
        <div id="control" class="layui-layout-control"></div>
        <!-- 顶 部 右 侧 菜 单 -->
        <ul class="layui-nav layui-layout-right" style="display: flex;">
            <li class="layui-nav-item user">
                <a class="layui-icon layui-icon-website" href="javascript:;"></a>
                <dl class="layui-nav-child">
                    <dd><a id="zh">简体中文</a></dd>
                    <dd><a id="en">English</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item user">
                <!-- 头 像 -->
                <a class="layui-icon layui-icon-username" id="userName" href="javascript:;"></a>
                <!-- 功 能 菜 单 -->
                <dl class="layui-nav-child">
                    <dd><a lang="zh" class="logout">注销登录</a></dd>
                </dl>
            </li>
            <!-- 主 题 配 置 -->
            <!--					<li class="layui-nav-item setting"><a href="#" class="layui-icon layui-icon-more-vertical"></a></li>-->
        </ul>
    </div>
    <!-- 侧 边 区 域 -->
    <div class="layui-side layui-bg-black">
        <!-- 菜 单 顶 部 -->
        <div class="layui-logo">
            <!-- 标 题 -->
            <span lang="zh" class="title"></span>
        </div>
        <!-- 菜 单 内 容 -->
        <div class="layui-side-scroll">
            <div id="sideMenu"></div>
        </div>
    </div>
    <!-- 视 图 页 面 -->
    <div class="layui-body">
        <!-- 内 容 页 面 -->
        <div id="content"></div>
    </div>
    <!-- 页脚 -->
    <div class="layui-footer layui-text">
				<span class="left">
					Released
				</span>
        <span class="center"></span>
        <span class="right">
					Copyright © 2021-2022 SAIL
				</span>
    </div>
    <!-- 遮 盖 层 -->
    <div class="pear-cover"></div>
    <!-- 加 载 动 画 -->
    <div class="loader-main">
        <!-- 动 画 对 象 -->
        <div class="loader"></div>
    </div>
</div>
<!-- 移 动 端 便 捷 操 作 -->
<div class="pear-collapsed-pe collapse">
    <a href="#" class="layui-icon layui-icon-shrink-right"></a>
</div>
<!-- 依 赖 脚 本 -->
<script src="../../../static/component/layui/layui.js"></script>
<script src="../../../static/component/pear/pear.js"></script>

<!-- 框 架 初 始 化 -->
<script>
    layui.use(['lang', 'admin', 'jquery', 'popup', 'context', 'sail'], function () {
        let $ = layui.jquery;
        let admin = layui.admin;
        let popup = layui.popup;
        let context = layui.context;
        let sail = layui.sail;
        let lang = layui.lang;

        admin.setConfigType("yml");
        admin.setConfigPath("/static/config/pear.config.yml");

        admin.render();

        const accessToken = context.get("accessToken");
        const userName = context.get("userName");

        $('#userName').html(userName);

        $('#zh').click(function () {
            lang.change('zh');
            var iframes = document.getElementsByTagName('iframe');

            for (var i = 0; i < iframes.length; i++) {
                var iframe = iframes[i];
                var childWindow = iframe.contentWindow;

                childWindow.layui.lang.change('zh');
                if (childWindow.tableReload) {
                    childWindow.tableReload('zh');
                }
            }
        })
        $('#en').click(function () {
            lang.change('en');

            var iframes = document.getElementsByTagName('iframe');

            for (var i = 0; i < iframes.length; i++) {
                var iframe = iframes[i];
                var childWindow = iframe.contentWindow;

                childWindow.layui.lang.change('en');
                if (childWindow.tableReload) {
                    childWindow.tableReload('en');
                }
            }
        })

        if (!accessToken) {
            popup.warning(lang.translate("请先登录"));
            location.href = "/ui/login";
        }

        // 登出逻辑
        admin.logout(function () {
            $.ajax({
                type: "GET",
                headers: sail.setAuth(accessToken),
                url: "/sail/v1/login/login_out",
                cache: false,
                dataType: "JSON",
                success: function (newPassResult) {
                    sail.checkSuccess(newPassResult, function (newResp) {
                        localStorage.removeItem("accessToken");
                        localStorage.removeItem("refreshToken");

                        popup.success(lang.translate("注销成功"), function () {
                            location.href = "/ui/login";
                        });
                    })
                },
                error: sail.ajaxError,
            })
            return true;
        });
    })
</script>
</body>
</html>